<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0038)http://dasha.ics.hawaii.edu:8200/home/ -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  
    <!-- Use the chrome frame -->
    <meta http-equiv="X-UA-Compatible" content="chrome=IE8"></meta>
    <title>Kukui Cup : Home</title>
  
    <link rel="stylesheet" href="./global_css/screen.css">
    <link rel="stylesheet" href="./home_files/home.css">
    <link rel="stylesheet" href="./global_css/theme.css">
    <script type="text/javascript" src="./scripts/countdown.js"></script>
    <script src="./home_files/all.js"></script>
    <script src="./scripts/fb.js" type="text/javascript"></script>
    <script src="./home_files/saved_resource" type="text/javascript"></script>
    <script src="./home_files/format+en,default.I.js" type="text/javascript"></script>
  </head>

  <body>
    <div class="container">
      <div class="container-top">
        <div class="container-bottom">

          <div id="header">
            <div id="header-logout">
              <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
              <a href="landing.html">Logout</a>
            </div>

            <div id="header-logo">
              <a href="home.html"><img src="./home_files/logo.png" title="Home"></a>
            </div>

            <div id="header-info">
              <div id="header-avatar">
                <img src="./home_files/default_avatar.png">
              </div>

              <div id="header-user-info">
                <div id="header-user-username">&lt;george&gt;</div>

                <div id="user-cycle" class="cycle">
                  <div id="header-user-floor-rank3" class="rank3">
                    <div id="header-user-points">
                      <h3>88</h3>
                      <div id="header-text">points</div>
                    </div>

                    <div id="header-user-rank">
                      <h3>#1</h3>
                      <div id="header-text">out of 51 in Ilima-E</div>
                    </div>
                  </div>

                  <div id="header-user-overall-rank4" class="rank4">
                    <div id="header-user-points">
                      <h3>88</h3>
                      <div id="header-text">points</div>
                    </div>

                    <div id="header-user-rank">
                      <h3>#1</h3>
                      <div id="header-text">out of 1013 overall</div>
                    </div>
                  </div>
                </div>
              </div>

              <div id="header-floor-info">
                <div id="header-floor-name">Ilima: Lounge E</div>

                <div id="floor-cycle" class="cycle">
                  <div id="header-floor-overall-rank3" class="rank3">
                    <div id="header-floor-points">
                      <h3>1338</h3>
                      <div id="header-text">points overall</div>
                    </div>

                    <div id="header-floor-rank">
                      <h3>#1</h3>
                      <div id="header-text">out of 20 in all dorms</div>
                    </div>
                  </div>

                  <div id="header-floor-overall-rank4" class="rank4">
                    <div id="header-floor-energy">
                      <h3 id="overall-energy-value"></h3>
                      <div id="header-text">kWh used overall</div>
                    </div>
                    
                    <div id="header-floor-rank">
                      <h3 id="overall-energy-rank"></h3>
                      <div id="header-text">out of 20 in all dorms</div>
                    </div>
                  </div>
                </div>
              </div>

              <div id="header-floor-image">
                <img src="./home_files/hale.ilima.jpg">
              </div>
            </div> <!-- header-info -->

            <div id="header-nav">
              <div class="selected-home">
                <div id="header-nav-links">
                  <ul>
                    <li><a href="activities.html" class="activities"> <img src="./home_files/spacer.png"> <h4>Get Nutz</h4></a></li>
                    <li><a href="energy.html" class="energy"> <img src="./home_files/spacer.png"> <h4>Go Low</h4></a></li>
                    <li><a href="news.html" class="news"> <img src="./home_files/spacer.png"> <h4>News</h4></a></li>
                    <li><a href="prizes.html" class="prizes"> <img src="./home_files/spacer.png"> <h4>Prizes</h4></a></li>
                    <li><a href="profile.html" class="profile"> <img src="./home_files/spacer.png"> <h4>Profile</h4></a></li>
                    <li><a href="help.html" class="help"> <img src="./home_files/spacer.png"> <h4>Help</h4></a></li>
                  </ul>
                </div>
              </div>
              <div id="header-round-info">
                <h3>Overall</h3>
                <span id="header-round-countdown" class="hasCountdown">(ends in 5 Days, 9 Hours, and 39 Minutes)</span>
              </div>
            </div> <!-- header-nav -->

            <div id="quest-box">
              <div id="quest-header">
                <h3 id="quest-title">Your Quests</h3>
                <a href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#"
                  style="float: right"> <img src="./profile_files/icon-help-sm.png"
                  width="20" align="center" title="Click to get help about this window"
                  onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
              </div>
              <ul id="quest-list">
                <li><a href="javascript:void(0)" id="get-social" class="quest-title "> Get social </a></li>
                <li><a href="javascript:void(0)" id="get-fully-committed-badge" class="quest-title "> Get the Fully Committed badge </a></li>
                <li><a href="javascript:void(0)" id="check-lounge-energy-use" class="quest-title "> Check lounge energy use </a></li>
              </ul>
            </div> <!-- quest-box -->

          </div> <!-- header -->

          <div class="content">
            <div id="home-center">
              <!-- Top Row-->
              <div id="home-activities" class="home-item">
                <a href="activities.html"> <img id="home-activities-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                <div class="tile">
                  <h6 id="home-activities-title">Get Nutz</h6>
                  <p id="home-activities-content">
                    Do activities and make committments<br> Earn Kukuicup points<br> See where you stand 
                  </p>
                </div>
              </div>
              <div id="home-energy" class="home-item">
                <a href="energy.html"> <img id="home-energy-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                <div class="tile">
                  <h6 id="home-energy-title">Go Low</h6>
                  <p id="home-energy-content">
                    Observe and Conserve Energy<br> Track conservation goals<br> Compare usage to others 
                  </p>
                </div>
              </div>

              <!-- Middle Row-->
              <div id="home-news" class="home-item">
                <a href="news.html"> <img id="home-news-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                <div class="tile">
                  <h6 id="home-news-title">News</h6>
                  <p id="home-news-content">
                    What are people doing?<br> Your public comments<br> Top activities and events 
                  </p>
                </div>
              </div>

              <div id="home-prizes" class="home-item">
                <a href="prizes.html"> <img id="home-prizes-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                <div class="tile">
                  <h6 id="home-prizes-title">Prizes</h6>
                  <p id="home-prizes-content">
                    See the prizes<br> Allocate your points<br> Monitor your chances 
                  </p>
                </div>
              </div>

              <div id="home-profile" class="home-item">
                <a href="profile.html"> <img id="home-profile-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                <div class="tile">
                  <h6 %="" get_id_and_classes="" "home-profile-title"=""%}="">Profile</h6>
                  <p %="" get_id_and_classes="" "home-profile-content"=""%}="">
                    Manage your Settings<br> Connect to facebook<br> Change your picture 
                  </p>
                </div>
              </div>

              <div id="home-help" class="home-item">
                <a href="help.html"> <img id="home-help-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                <div class="tile">
                  <h6 id="home-help-title">Help</h6>
                  <p id="home-help-content">
                    Get acquainted with the Kukuicup<br> Watch an introductory video<br> Learn the rules 
                  </p>
                </div>
              </div>
            </div>
          </div> <!-- content -->

          <div id="fb-root" class=" fb_reset">
          </div>
        </div> <!-- container-bottom -->
      </div> <!-- container-top -->
    </div> <!-- container -->

    <div id="help-close" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable bottom-links" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-widget-help-dialog">
      <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
        <span class="ui-dialog-title" id="ui-dialog-title-widget-help-dialog">Help</span><a
          href="http://dasha.ics.hawaii.edu:8200/home/#"
          class="ui-dialog-titlebar-close ui-corner-all" role="button"><span
          class="ui-icon ui-icon-closethick">close</span></a>
      </div>
      <div id="widget-help-dialog" style="" class="ui-dialog-content ui-widget-content">
      </div>
      <div class="ui-resizable-handle ui-resizable-n"></div>
      <div class="ui-resizable-handle ui-resizable-e"></div>
      <div class="ui-resizable-handle ui-resizable-s"></div>
      <div class="ui-resizable-handle ui-resizable-w"></div>
      <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001;"></div>
      <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div>
      <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div>
      <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div>
    </div>
    <div id="feedback-close" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable bottom-links" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-dialog">
      <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
        <span class="ui-dialog-title" id="ui-dialog-title-feedback-dialog">Send
          Feedback</span><a href="http://dasha.ics.hawaii.edu:8200/home/#"
          class="ui-dialog-titlebar-close ui-corner-all" role="button"><span
          class="ui-icon ui-icon-closethick">close</span></a>
      </div>
      <div id="feedback-dialog" style="" class="ui-dialog-content ui-widget-content">
        <form id="feedback-form"
          action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/" method="post">
          <div style="display: none">
            <input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9">
          </div>
          <p>Having issues? Just want to tell us something? Let us know!</p>
          <input id="id_url" type="hidden" name="url" value=""> 
            <textarea id="id_question" rows="3" cols="53" name="question"></textarea><br>
            <input id="feedback-submit" type="submit" value="Send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled" role="button" aria-disabled="true" disabled="">
              <span id="feedback-spinner" style="display: none"> Sending <img src="./home_files/spinner.gif"></span>
        </form>
      </div>
      <div class="ui-resizable-handle ui-resizable-n"></div>
      <div class="ui-resizable-handle ui-resizable-e"></div>
      <div class="ui-resizable-handle ui-resizable-s"></div>
      <div class="ui-resizable-handle ui-resizable-w"></div>
      <div
        class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
        style="z-index: 1001;"></div>
      <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div>
      <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div>
      <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div>
    </div>
    <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable bottom-links"
      tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-success">
      <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
        <span class="ui-dialog-title" id="ui-dialog-title-feedback-success">Thank
          You!</span><a href="http://dasha.ics.hawaii.edu:8200/home/#"
          class="ui-dialog-titlebar-close ui-corner-all" role="button"><span
          class="ui-icon ui-icon-closethick">close</span></a>
      </div>
      <div id="feedback-success" style="" class="ui-dialog-content ui-widget-content">
        <p style="text-align: left">Your feedback has been sent to the administrators.
          If you asked a question, they will email you a response as soon as possible.</p>

        <button>OK</button>
      </div>
      <div class="ui-resizable-handle ui-resizable-n"></div>
      <div class="ui-resizable-handle ui-resizable-e"></div>
      <div class="ui-resizable-handle ui-resizable-s"></div>
      <div class="ui-resizable-handle ui-resizable-w"></div>
      <div
        class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
        style="z-index: 1001;"></div>
      <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div>
      <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div>
      <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div>
    </div>
    <div id="media_floatingBar">
      <a id="002" title="Magnifier"></a>
    </div>
  </body>
</html>